page {
  overflow-y: hidden;
  background: rgba(224, 233, 237, 1);
}

:root {
  --hairline-bottom-width: 0 !important;
  --action-sheet-active-icon-color: #2395ff !important;
}

.nav-bar__smart-hairline--bottom:after {
  border-bottom-width: 0 !important;
}
.w-full {
  width: 100vw;
}

.h-full {
  height: 100vh;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.bottom-0 {
  bottom: 0;
}

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.flex-1 {
  flex: 1;
}

.navBar {
  --nav-bar-background-color: transparent;
  --nav-bar-title-text-color: #fff;
  --nav-bar-arrow-color: #fff;

  .tabTopIconWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    & > image {
      width: 48rpx;
      height: 48rpx;
      // margin-left: 40rpx;
    }
  }
}
